<template>
  	<header>
    		<h1>
    			<a href="">
    				<span class="i_left">
    					<i class="icon iconfont icon-liebiao"></i>
    				</span>
    				<span class="i_right">卖座电影</span>
    			</a>
    		</h1>
    		<div class="head_right">
    			 <div class="sz">
    			 	<span>深圳</span>
    			 	<span>
    			 		<i class="icon iconfont icon-xiangxia"></i>
    			 	</span>
    			 </div>
    			 <span class="man">
    			 	 <i class="icon iconfont icon-ren"></i>
    			 </span>
    		</div>
    	</header>
</template>

<script>
	export default{}
</script>

<style scoped>
header{
	width:100%;
	height:0.5rem;
	background:#282828;
	position: fixed;
	z-index:999;
	left:0;
	top:0;
}
header>h1{
	float:left;
	height:100%;
}
header>h1>a>span{
	line-height:0.5rem;
	color: #efefef;
}
.i_left{
	margin: 0 0.2rem;
	color: #999;
}
.head_right{
	float: right;
	color: #999;
}
.head_right span{
	line-height:0.5rem;
}
.head_right>.man{
	float: right;
	margin: 0 0.18rem;
}
.sz{
	float: left;
}
.sz span{
	float: left;
}
.icon-xiangxia{
  margin: 0 -0.1rem;
  
}

</style>